<%@page contentType="text/html" pageEncoding="UTF-8" %>
<%@page import="com.directorio.modelo.bean.Dato_Tipo" %>
<%@page language="java" session="true" %>
<%    
    HttpSession sesion = null;
    String mensaje = "";
    sesion = request.getSession();
    Dato_Tipo error = null;
    if(sesion.getAttribute("error") != null){
        error = (Dato_Tipo)session.getAttribute("error");
        mensaje = error.getDes();
    }
    sesion.removeAttribute("empresa");
    sesion.removeAttribute("alumno");
    sesion.invalidate();
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <jsp:include page="templates/head.jsp"/>        
        <script type="text/javascript" src="WEB-CONTENT/js/bt.js"></script>
        <title>Ingenieria Industrial | Bolsa Universitaria de Trabajo</title>
    </head>
    <body id="29" class="bt_container_main_login" >
        <div id="bt_container_page" class="<% out.print(mensaje);%>">
            <div id="bt_container_top">
                <div id="bt_container_header">
                    <jsp:include page="templates/header.jsp"/>
                </div>
                <div id="bt_container_nav">
                    <jsp:include page="templates/nav_login.jsp"/>
                </div>
            </div>
            <div id="bt_container_sidenav_login"></div>
            <div id="bt_container_main">
                <div  id="bt_container_main_login">
                    <center>
                        <table>
                            <tr>
                                <td class="td-login">
                                    <div id="bt_container_main_login_alumno-egresado" class="container_login">
                                        <a id="link_login_alumno-egresado" href="#!" onclick="mostrarLogin('alumno-egresado')" title="Clickea e inicia sesion como Alumno o Egresado." style="display: block;"><img alt="" src="WEB-CONTENT/img/btn_alumno.gif"/></a>                            
                                        <p>
                                            ¿Buscas empleo? Crea un perfil con tus habilidades, experiencia y conocimientos en nuestro sistema de gestion de mercado laboral y asi acceder a un puesto de trabajo adaptado a tu información. Si aun no te
                                            encuentras registrado en nuestro sistema puedes hacerlo
                                            <a href="#" class="link" onclick="mostrarRegistro('alumno-egresado')">aqu&iacute;</a>.
                                        </p>
                                    </div>  
                                    <table id="form_registro_empresa" class="container_registro" style="display: none; height: 250px;">
                                        <tr>
                                            <td colspan="2" align="right" style="padding: 0">
                                                <a class="boton_cerrar" href="#!" onclick="cerrarRegistro('empresa')">X</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h3 style="text-align: center">
                                                    El Registro de empresas no se encuentra disponible por el momento.
                                                    Agradecemos su comprension.
                                                </h3>
                                            </td>
                                        </tr>
                                    </table>
                                    <!--
                                    <table id="form_registro_empresa" class="container_registro" style="display: none">
                                        <tr>
                                            <td colspan="2" align="right" style="padding: 0">
                                                <a class="boton_cerrar" href="#!" onclick="cerrarRegistro('empresa')">X</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h3><img alt="" src="WEB-CONTENT/img/iconos/sl-dato_gene.gif"/><span>Datos de la empresa</span></h3>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Razon Social/Nombre</p>
                                                <input id="txt_empresa_razon" type="text" class="input320"/>                                    
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p class="lbl_form">*Ruc</p>
                                                <input id="txt_empresa_ruc" name="ruc" type="text" class="input150" onkeypress="return soloNumeros(event)" maxlength="11"/>
                                            </td>
                                            <td>                                    
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Giro del negocio</p>
                                                <select  id="slt_giro_negocio" class="select320">
                                                    <option selected>Selecciona</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">Pagina Web</p>
                                                <input id="txt_empresa_pagina" type="text" class="input320"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p class="lbl_form">*Departamento</p>
                                                <select id="slt_departamento" class="select150" onchange='refrescarProvincia(this)'>
                                                    <option value="" selected>Selecciona</option>
                                                </select>
                                            </td>
                                            <td>
                                                <p class="lbl_form">*Provincia</p>
                                                <select id="slt_provincia" class="select150" onchange='refrescarDistrito(this)'>
                                                    <option value="" selected>Selecciona</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p class="lbl_form">*Distrito</p>
                                                <select id="slt_distrito" class="select150">
                                                    <option value="" selected>Selecciona</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Direccion</p>
                                                <input id="txt_empresa_direccion" type="text" class="input320"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p class="lbl_form">*Telefono</p>
                                                <input id="txt_empresa_telefono" type="text" class="input150"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <div class="borde_bottom"></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h3><img alt="" src="WEB-CONTENT/img/iconos/sl-dato_resp.gif"/><span>Datos del representante</span></h3>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Nombre(s)</p>
                                                <input id="txt_empresa_nombre_encargado" onkeypress="return soloTexto(event)" type="text" class="input320"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p class="lbl_form">*Apellido Paterno</p>
                                                <input id="txt_empresa_apellido_paterno_encargado" onkeypress="return soloTexto(event)" type="text" class="input150"/>
                                            </td>
                                            <td>
                                                <p class="lbl_form">*Apellido Materno</p>
                                                <input id="txt_empresa_apellido_materno_encargado" onkeypress="return soloTexto(event)" type="text" class="input150"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Dni</p>
                                                <input id="txt_empresa_dni_encargado" name="dni" type="text" class="input150"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Gargo en la empresa</p>
                                                <select id="slt_cargo_empresa" class="select320">
                                                    <option selected>Selecciona</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Dirección de Correo</p>
                                                <input id="txt_empresa_email_encargado" name="email" type="text" class="input320" style="text-transform: lowercase;"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <div class="borde_bottom"></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h3><img alt="" src="WEB-CONTENT/img/iconos/sl-inst.gif"/><span>Instrucciones</span></h3>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                Los datos ingresado seran enviados y verifcados en nuestra base de datos, una vez verificada su autenticidad
                                                se le enviara un mensaje a la direccion de correo especificado, indicando el codigo de usuario y su respectiva contrase&ntilde;a,
                                                porfavor revise su bandeja una vez enviado los datos.
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <div class="borde_bottom"></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <span class="msj_error"></span>
                                            </td>
                                            <td align="right" style="height: 21px;">
                                                <a href="#!" onclick="enviarRegistro()"><img class="img_boton" alt="enviar" src="WEB-CONTENT/img/btn_enviar.gif"/></a>
                                            </td>
                                        </tr>
                                    </table>-->
                                </td>
                                <td class="separador">
                                </td>
                                <td class="td-login">
                                    <div id="bt_container_main_login_empresa" class="container_login">
                                        <a id="link_login_empresa" href="#!" onclick="mostrarLogin('empresa')" title="Clickea e inicia sesion como Empresa." style="display: block;"><img alt="" src="WEB-CONTENT/img/btn_empresa.gif"/></a>
                                        <p>
                                            ¿Busca personal cualificado para su empresa? Regístrese en nuestra web para la preselección de candidatos. Si aun no te
                                            encuentras registrado en nuestra bolsa de trabajo puedes hacerlo 
                                            <a href="#" class="link" onclick="mostrarRegistro('empresa')">aqu&iacute;</a>.
                                        </p>
                                    </div>
                                    <table id="form_registro_alumno-egresado" class="container_registro" style="display: none;">
                                        <tr>
                                            <td colspan="2" align="right" style="padding: 0">
                                                <a class="boton_cerrar" href="#!" onclick="cerrarRegistro('alumno-egresado')">X</a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h3><img alt="" src="WEB-CONTENT/img/iconos/sl-dato_resp.gif"/><span>Datos del alumno o egresado</span></h3>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p class="lbl_form">*Soy</p>
                                                <select id="slt_tipo_persona" class="select150" tabindex="1">
                                                    <option selected>Selecciona</option>
                                                    <option value="1">ALUMNO</option>
                                                    <option value="2">EGRESADO</option>
                                                </select>
                                            </td>
                                            <td>
                                                <p class="lbl_form">*Codigo Universitario</p>
                                                <input id="txt_alumno-egresado_codigo" type="text" name="numero" class="input150" maxlength="10" tabindex="2"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Especialidad</p>
                                                <select id="slt_tipo_especialidad" class="select320" tabindex="3">
                                                    <option selected>Selecciona</option>
                                                    <option value="3">INGENIERIA AGROINDUSTRIAL</option>                                                    
                                                    <option value="1">INGENIERIA INDUSTRIAL</option>
                                                    <option value="2">INGENIERIA INFORMATICA</option>
                                                    <option value="4">INGENIERIA MECATRONICA</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Nombres</p>
                                                <input id="txt_alumno-egresado_nombres" type="text" name="texto" class="input320" tabindex="4"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p class="lbl_form">*Apellido Paterno</p>
                                                <input id="txt_alumno-egresado_paterno" type="text" name="texto" class="input150" tabindex="5"/>
                                            </td>
                                            <td>
                                                <p class="lbl_form">*Apellido Materno</p>
                                                <input id="txt_alumno-egresado_materno" type="text" name="texto" class="input150" tabindex="6"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <p class="lbl_form">*Dni</p>
                                                <input id="txt_alumno-egresado_dni" type="text" name="numero" class="input150" maxlength="8" tabindex="7"/>
                                            </td>
                                            <td>
                                                <p class="lbl_form">*Telef / Cel</p>
                                                <input id="txt_alumno-egresado_telefono" type="text" class="input150" tabindex="8"/>
                                            </td>
                                        </tr>                                        
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Direccion</p>
                                                <input id="txt_alumno-egresado_direccion" type="text" class="input320" tabindex="9"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <p class="lbl_form">*Correo Electronico</p>
                                                <input id="txt_alumno-egresado_mail" type="text" tabindex="10" class="input320" style="text-transform: lowercase;"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <div class="borde_bottom"></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h3><img alt="" src="WEB-CONTENT/img/iconos/sl-inst.gif"/><span>Instrucciones</span></h3>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                Los datos ingresado seran enviados y verifcados en nuestra base de datos, una vez verificada su autenticidad
                                                se le enviara un mensaje a la direccion de correo especificado, indicando el codigo de usuario y su respectiva contrase&ntilde;a,
                                                porfavor revise su bandeja una vez enviado los datos.
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <div class="borde_bottom"></div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <span class='spn_loading' style="display: none;"><img src='WEB-CONTENT/img/progress.gif'/></span>
                                                <span class="msj_error"></span>
                                            </td>
                                            <td align="right">   
                                                <a href="#!" onclick="validarRegistroAlumno()" tabindex="11"><img class="img_boton" alt="enviar" src="WEB-CONTENT/img/btn_enviar.gif"/></a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </center>
                    <div id="bt_container_main_login_panel" style="display: none">
                        <table id="form_login" border="0" >
                            <tr>
                                <td colspan="2" align="right">
                                    <a class="boton_cerrar" href="#!" onclick="cerrarLogin()">X</a>
                                </td>
                            </tr>
                            <tr>
                                <td id="form_login_lbl_usuario" class="lbl_form">C.U. :</td>
                                <td style="padding-bottom: 6px;">
                                    <input id="txt_login_usuario_cu" name="cu" class="input150" type="text" value="" maxlength="10" style="display: none;"/>
                                    <input id="txt_login_usuario_ruc" name="ruc" class="input150" type="text" value="" maxlength="11" style="display: none;"/>  
                                </td>
                            </tr>
                            <tr>
                                <td class="lbl_form">Password :</td>
                                <td>
                                    <input class="input150" id="txt_login_password" type="password" value=""/>
                                </td>
                            </tr>
                            <tr>                    
                                <td colspan="2" align="right" style="padding:0 0 0 10px;height: 11px;">
                                    <a id="link_validar_usuario" href="#!" onclick="validarlogin()"><img class="img_boton" alt="iniciar" src="WEB-CONTENT/img/btn_iniciar.gif"/></a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="left">
                                    <span class="msj_error"></span>                        
                                </td>
                            </tr>                    
                            <tr>                    
                                <td colspan="2" style="padding-top: 10px;">
                                    <span style="float: left">
                                        <a id="link_enviar_password" href="#!" class="link" onclick="mostrarEnviarPass()" title="<b>¿No recuerda su contrase&ntilde;a?">Olvidaste tu password?</a>
                                    </span>
                                </td>
                            </tr>
                        </table>
                        <table id="form_enviarpass" border="0" style="display: none;">
                            <tr>
                                <td colspan="2" align="right">
                                    <a class="boton_cerrar" href="#!" onclick="cerrarEnviarPass()">X</a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2" align="left">
                                    <p>
                                        Ingrese su direccion de correo electrico registrada,y le reenviaremos su password.
                                    </p>
                                    <p class="lbl_form">Direccion de Correo:</p>
                                </td>
                            </tr>
                            <tr>
                                <td  align="left" >
                                    <input class="input150" id="txt_login_email" type="text" style="text-transform: lowercase;"/>
                                </td>
                                <td  align="left">
                                    <a href="#!"><img class="img_boton" alt="enviar" src="WEB-CONTENT/img/btn_enviar.gif"/></a>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <span id="form_enviarpass_txt_msj"></span>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div id="bt_container_footer">
                <jsp:include page="templates/footer.jsp"/>
            </div>
        </div>
        <div id="dlg_login_present" style="display: none;">
            <h2>PRESENTACION</h2>
            <br/><p>A partir de las primeras promociones de egresados de la Facultad de Ingeniería de Industrial de la Universidad Nacional de Piura, ésta empezó a darse cuenta que no mantenía información actualizada de dichas promociones en bases de datos o  ninguna otra forma de almacenamiento persistente, debido a la falta de contacto constante o actualizado con sus egresados. Debido a que la Facultad debe establecer en muchos casos, el vínculo entre el estudiante y/o egresado ante una empresa, debió ponerse en la tarea de buscar los diferentes tipos de perfiles que buscan en los egresados y/o estudiantes universitarios. Ante esta indagación las empresas empezaron a enviar correos electrónicos en los cuales solicitaban estudiantes, practicantes y egresados con perfiles que se acomodaran a sus necesidades.</p>
            <br/><p>En la actualidad la bolsa de empleo de la Facultad de Ingeniería de Industrial se maneja de manera superficial, a través de correos electrónicos entre la empresa y la Facultad, y ésta con los estudiantes y egresados, o por medio de avisos escritos que se publican en la cartelera de la Facultad dentro de las instalaciones de la Universidad.</p>
            <br/><p>No obstante, en este proceso el estudiante o egresado es quien debe enviar su hoja de vida directamente a la empresa interesada. La Facultad notó que en muchos de los casos los egresados enviaban currículos con perfiles que no calificaban con los requeridos por las empresas, o peor aún, no respondían como se esperaba en los cargos que ocupaban, creando una mala reputación de la Facultad, que debió empezar a canalizar las hojas de vidas de los egresados antes de ser enviadas a las empresas, verificando que cumplieran con el perfil requerido y haciendo un seguimiento al egresado, con el fin de evitar que este no incumpliera con sus obligaciones.</p>
            <br/>Atentamente<p align="right" style="color: #BA0359">Responsable de la Bolsa de Trabajo</p>
        </div>
        <div id="dlg_login_gui_uso" style="display: none;">
            <h2>GUIA DE USO</h2>
        </div>
        <div id="dlg_login_pre_fre" style="display: none;">
            <h2>PREGUNTAS FRECUENTES</h2>
            <p align="right" class="txt_light">Alumnos y Egresados = [A]<br/>Empresas = [E]</p>
            <br/><h3>¿Quienes tienen ingreso al Nuevo Sistema de Gestion de Mercado Laboral de la UNP-FII?</h3>
            <p style="text-align: left;">
                [A] Cualquier alumno o egresado perteneciente a la Facultad de Ingenieria Idustrial.<br/>
                [E] Cualquier empresa que desee obtener servicios laborales por parte de alumnos o egresados de nuestra Facultad de Ingenieria Industrial.
            </p>
            <br/><h3>¿Cómo ingreso al Nuevo Sistema de Gestion de Mercado Laboral de la UNP-FII?</h3>
            <p>A través de la página web : <a href="http://02e1150.netsoljsp.com/bolsatrabajo/login.mv" target="_blank">http://bolsatrabajo.epg-unp.com</a> Ingresando tu código de usuario y la contrase&ntilde;a que recibirás vía correo electrónico previo registro.</p>
            <br/><h3>¿Cómo funciona el Nuevo Sistema de Gestion de Mercado Laboral de la UNP-FII?</h3>
            <p>Una ves que tenga respuesta de su registro en nuestro sistema. Podra tener acceso a él, en el cual:<br/>
                [A] Podran ingresar todos sus datos personales y de formacion, asi como habilidades, conocimientos, estudios realizados, experiencia laborales. Los cuales se almacenaran en un expediente virtual, el cual lo podran enviar a las ofertas laborales en las cuales quieran participar.<br/>
                [E] Podran ingresar los Datos de la Empresa que sean necesarios para el registro en nuestro sistema, asi como los datos referentes a las solicitudes de empleo, indicando las caracteristicas que deben cumplir nuestro alumnos o egresados para que tengan acceso a ellas.  
            </p>
            <br/><h3>¿Quienes podran ver la informacion que ingrese en el Nuevo Sistema de Gestion de Mercado Laboral de la UNP-FII?</h3>
            <p>
                La informacion ingresada solo sera vista por las partes interesadas, es decir las empresas podran ver informacion de nuestros alumnos y egresados y viceversa, sin embargo un alumno o egresado no podra ver la informacion de otro alumno o egresado. Aparte de ellos, los administradores del sistema podran ver la informacion que publiquen ambas partes , puesto que ellos podran dar de baja a usuarios que no cumplan
                con los normas del sistema. Para conocer las normas del sistema clickea <a href="#!" class="link">aqui</a>.
            </p>
        </div>
        <div id="dlg_actualizar_navegador" style="display: none;">
            <table id="tbl_actualizar_navegador">
                <tr>
                    <td colspan="4">El Navegador que esta usuando es muy antiguo por favor actualicelo por cualquiera de estos:</td>
                </tr>
                <tr>
                    <td><img alt="ie" src="WEB-CONTENT/img/ie-logo.gif"/></td>
                    <td><img alt="firefox" src="WEB-CONTENT/img/firefox-logo.gif"/></td>
                    <td><img alt="chrome" src="WEB-CONTENT/img/chrome-logo.gif"/></td>
                    <td><img alt="opera" src="WEB-CONTENT/img/opera-logo.gif"/></td>
                </tr>
                <tr>
                    <td><a class="link" href="http://windows.microsoft.com/es-ES/internet-explorer/products/ie/home">Internet Explorer</a></td>
                    <td><a class="link" href="http://www.mozilla.org/es-ES/firefox/new/">Mozilla Firefox</a></td>
                    <td><a class="link" href="http://www.google.com/chrome">Google Chrome</a></td>
                    <td><a class="link" href="http://www.opera.com/">Opera</a></td>
                </tr>
            </table>            
        </div>
        <div id="dlg_confirmar_registro_alumno-egresado" style="display: none;">
            <h3 style="font-weight: normal">Esta a punto de registrarse en nuestro sistema de gestion de mercado laboral</h3>
            <div class="borde_bottom"></div>
            <p style="font-size: 11.5px;">Le recordamos que toda la informacion que haya ingresado en el formulario de registro, sera revisado por nuestros encargados para verificar su veracidad, y asi evitar fraudes y suplantaciones de identidad.
            <br/><br/>Para terminar con su registro verifique que sean correctos los siguientes datos.</p>
            <br/>
            <table id="tbl_confirmacion_registro_alumno-egresado">
                <tr>
                    <td class="lbl_form" align="right">Nombre(s):</td>
                    <td class="lbl_texto" id="nombre"></td>
                </tr>
                <tr>
                    <td class="lbl_form" align="right">Apellido Paterno:</td>
                    <td class="lbl_texto" id="paterno"></td>
                </tr>
                <tr>
                    <td class="lbl_form" align="right">Apellido Materno:</td>
                    <td class="lbl_texto" id="materno"></td>
                </tr>
                <tr>
                    <td class="lbl_form" align="right">Tipo de usuario:</td>
                    <td class="lbl_texto" id="tipo_persona"></td>
                </tr>
                <tr>
                    <td class="lbl_form" align="right">Codigo Universitario:</td>
                    <td class="lbl_texto" id="codigo"></td>
                </tr>
                <tr>
                    <td class="lbl_form" align="right">Especialidad:</td>
                    <td class="lbl_texto" id="especialidad"></td>
                </tr>
            </table>
            <div class="borde_bottom"></div>
            <p align="right">
                <span class="spn_loading" style="float: left; display: none;"><img src="WEB-CONTENT/img/progress.gif"/></span>
                <input id="btn_cancelar" type="button" value="Cancelar" onclick="cerrarRegistroAlumno()"/>
                <input id="btn_aceptar" type="button" value="Son Correctos" onclick="enviarRegistroAlumno()"/>                
            </p>
        </div>
    </body>
</html>